<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Tasdf</title>
	<meta name="description" content="asfd">
	<link rel="stylesheet" href="style.css?v=1.0">

	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>

<body>
	<div class="cmstroep">
		<div id="nlQuiz" class="lg-internal-search-no-index">
			<!-- dynamic placeholder -->
			
			
		</div>
		<!-- a onclick="upcnlQuiz.prev();">Previouse</a -->
	</div>
	
	<div class="nlQuizQuestions hidegrouping lg-internal-search-no-index">
		
		<!-- one templated -->
		<div class="nlQuizQuestion">
			<div class="splitbox">
				<h3>Vraag <span class="number">#</span>/<span class="total">#</span></h3>
				<p>Wie is heer meister?</p>
				<ul>
					<li><div class="answer" data-value="10" data-genre="actie">blalblabla</div></li>
					<li><div class="answer" data-value="20" data-genre="romantiek">blalblabla</div></li>
					<li><div class="answer" data-value="30" data-genre="humor">blalblabla</div></li>
				</ul>
			</div>
			<div class="splitbox">
				asfdsadf
			</div>
		</div>
		

		
		<!-- one templated -->
		<div class="nlQuizQuestion result romantiek">
			<h3>Klaar, en nu wegwezen!!!</h3>
			<div class="splitbox">
				<img 
					alt="Mannenharten - Nu te zien bij UPC On Demand" style="width: 250px; height: 180px; margin: 0px auto; display:block;"
					src="http://www.upc.nl/content/www-upc-nl/televisie/on-demand/mannenharten/_jcr_content/topspot_fullwidth/templated_0/data/vod_poster_src.img.jpg/1392976054445.jpg"
				/>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra leo non lectus venenatis, eget pretium nisi bibendum. In cursus libero turpis, eget mollis eros porta at. Maecenas mattis tortor in mattis porttitor. Quisque semper in dolor et laoreet. Duis ac felis sed ipsum iaculis consequat. Duis elementum odio ante, a condimentum eros venenatis quis. Aliquam vel fermentum augue. Nulla facilisi. Proin pretium turpis urna, in elementum erat pulvinar eu. Duis vitae quam sed lacus iaculis ultrices eu eu velit. Donec at tincidunt libero. Vestibulum vitae est risus.
				</p>
				<p>facebook || twitter ||  google+</p>
			</div>
			<div class="splitbox">
				<div style="float: left; padding: 20px; width: 100%; text-align: center; position: relative;">
					<h3>Onze tips voor een Tissueverslinder</h3>
					<div class="tips">
						<div class="tip">
							<img 
								alt="Mannenharten - Nu te zien bij UPC On Demand"
								src="http://www.upc.nl/content/www-upc-nl/televisie/on-demand/mannenharten/_jcr_content/topspot_fullwidth/templated_0/data/vod_poster_src.img.jpg/1392976054445.jpg"
							/>
							<div class="tip disc">HBO</div>
						</div>
						<div class="tip">
							<img 
								alt="Mannenharten - Nu te zien bij UPC On Demand"
								src="http://www.upc.nl/content/www-upc-nl/televisie/on-demand/mannenharten/_jcr_content/topspot_fullwidth/templated_0/data/vod_poster_src.img.jpg/1392976054445.jpg"
							/>
							<div class="tip disc">HBO</div>
						</div>
						<div class="tip last">
							<img 
								alt="Mannenharten - Nu te zien bij UPC On Demand"
								src="http://www.upc.nl/content/www-upc-nl/televisie/on-demand/mannenharten/_jcr_content/topspot_fullwidth/templated_0/data/vod_poster_src.img.jpg/1392976054445.jpg"
							/>
							<div class="tip disc">HBO</div>
						</div>
					</div>
					<div style="clear:both;"></div>
					<div style="width: 100%; text-align: left;">
						<h3>Meer tips op maat?</h3>
						<p>Meld je nu aan voor onze tips en maak kans op een ipad mini retina!</p>
						<input type="text" style="width: 190px; margin-right: 15px;" /> meld mij aan.
						<img src="http://d3nevzfk7ii3be.cloudfront.net/igi/3dnWhDVRASLCMuQg" style="width: 100px; height: 100px; position: absolute; bottom: 50px; right: 0px;" />
					</div>
					<div style="clear:both;"></div>
				</div>
			</div>
		</div>
		
		<!-- one templated -->
		<div class="nlQuizQuestion result actie">
			<h3>asdfsaf sad fsa !</h3>
			<div class="splitbox">
				<img 
					alt="Mannenharten - Nu te zien bij UPC On Demand" style="width: 250px; height: 180px; margin: 0px auto; display:block;"
					src="http://www.upc.nl/content/www-upc-nl/televisie/on-demand/thor-the-dark-world/_jcr_content/topspot_fullwidth/templated_0/data/vod_poster_src.img.jpg/1392969663479.jpg"
				/>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra leo non lectus venenatis, eget pretium nisi bibendum. In cursus libero turpis, eget mollis eros porta at. Maecenas mattis tortor in mattis porttitor. Quisque semper in dolor et laoreet. Duis ac felis sed ipsum iaculis consequat. Duis elementum odio ante, a condimentum eros venenatis quis. Aliquam vel fermentum augue. Nulla facilisi. Proin pretium turpis urna, in elementum erat pulvinar eu. Duis vitae quam sed lacus iaculis ultrices eu eu velit. Donec at tincidunt libero. Vestibulum vitae est risus.
				</p>
				<p>facebook || twitter || google+</p>
			</div>
			<div class="splitbox">
				<div style="float: left; padding: 20px; width: 100%; text-align: center; position: relative;">
					<h3>Onze tips voor een actie mofo</h3>
					<div class="tips">
						<div class="tip">
							<img 
								alt="Mannenharten - Nu te zien bij UPC On Demand"
								src="http://www.upc.nl/content/www-upc-nl/televisie/on-demand/thor-the-dark-world/_jcr_content/topspot_fullwidth/templated_0/data/vod_poster_src.img.jpg/1392969663479.jpg"
							/>
							<div class="tip disc">HBO</div>
						</div>
						<div class="tip">
							<img 
								alt="Mannenharten - Nu te zien bij UPC On Demand"
								src="http://www.upc.nl/content/www-upc-nl/televisie/on-demand/thor-the-dark-world/_jcr_content/topspot_fullwidth/templated_0/data/vod_poster_src.img.jpg/1392969663479.jpg"
							/>
							<div class="tip disc">HBO</div>
						</div>
						<div class="tip last">
							<img 
								alt="Mannenharten - Nu te zien bij UPC On Demand"
								src="http://www.upc.nl/content/www-upc-nl/televisie/on-demand/thor-the-dark-world/_jcr_content/topspot_fullwidth/templated_0/data/vod_poster_src.img.jpg/1392969663479.jpg"
							/>
							<div class="tip disc">HBO</div>
						</div>
					</div>
					<div style="clear:both;"></div>
					<div style="width: 100%; background: green; text-align: left;">
						<h3>Meer tips op maat?</h3>
						<p>Meld je nu aan voor onze tips en maak kans op een ipad mini retina!</p>
						<input type="text"></input> meld mij aan.
						<img src="http://d3nevzfk7ii3be.cloudfront.net/igi/3dnWhDVRASLCMuQg" style="width: 100px; height: 100px; position: absolute; bottom: 50px; right: 0px;" />
					</div>
					<div style="clear:both;"></div>
				</div>
			</div>
		</div>
		
		
		
	</div>

	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
	<script src="script.js"></script>
</body>
</html>